<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- head - Finished -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link rel="stylesheet" href="../../css/layout.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="../../css/register.css" type="text/css" media="screen" />	
	<title>会議室予約システム</title>
</head>
<!-- /head - Finished -->

<script type="text/javascript">
function checkForm()
{
	var x1=document.forms["form1"]["inputAccName"].value;
	var x2=document.forms["form1"]["pwd"].value;
	var x3=document.forms["form1"]["rpwd"].value;
	var x4=document.forms["form1"]["userForm$tbFamilyName"].value;
	var x5=document.forms["form1"]["userForm$tbAddress"].value;
	var x6=document.forms["form1"]["userForm$tbTel"].value;
	var x7=document.forms["form1"]["userForm$tbMailAddress"].value;
	var x8=document.forms["form1"]["userForm$tbMailAddress2"].value;
	var atpos=x7.indexOf("@");
	var dotpos=x7.lastIndexOf(".");
	if (x1==null || x1=="" || x2==null || x2=="" || x3==null || x3=="" || x4==null || x4=="" || x5==null || x5=="" || x6==null || x6=="" || x7==null || x7=="" || x8==null || x8=="" )
	{
		alert("Blank must be filled out");
		return false;
	}
	else if (x3!=x2)
	{
		alert("Retype passwd invalid!!!");
		return false;
	}
	else if (isNaN(x6))
	{
		alert("Tel should is numeric value");
		return false;
	}
	else if (x6.charAt(0)!="0")
	{
		alert("Tel should start with 0 ");
		return false
	}
	else if (x6.length<10||x6.length>11)
	{
		alert("Tel of numberal should 10 or 11 numberal ");
		return false
	}
	else if (atpos<1 || dotpos<atpos+2 || dotpos+2>x7.length ||dotpos+2==x7.length)
	{
		alert("Not a valid e-mail address");
		return false;
	}
	else if (x7!=x8)
	{
		alert("Retype mail invalid!!!");
		return false;
	}
}
</script>

<body>
<!-- header area -->
<form name="form1" method="post" action="../../controller/register.php" onsubmit="return checkForm();" id="form1">
	<div id="header_area">
	  <div id="header">
	    <div id="header_link_area">
	      <a name="pagetop"></a>
	      <div id="header_appeal"></div>
	      <div id="header_link">
	        <ul>
	           <li class="header_b_1">
                    <a class="header_b_1" href="../../index.php">
                        <img width="56" height="21" alt="ホーム" src="../../images/header/header_b_1.gif">
                    </a>
                 </li>
                <li class="header_b_4">
                    <a class="header_b_4" href="../../index.php">
                        <img width="82" height="21" alt="お問い合せ" src="../../images/header/header_b_4.gif">
                    </a>
                </li>
	        </ul>
	      </div>
	    </div>
	    <div id="header_title">
	       <img id="SiteHeader1_imgTitle" src="../../images/header/header_sys_title_1.gif" alt="貸会議室予約" style="height:90px;width:795px;border-width:0px;" /> 
	    </div>
	  </div>
	</div>
<!-- header area-->
	
<!-- pan_area -->
	      <div id="pan_area">
	        <div id="pan">
	          <ul>
	            <li>&nbsp;</li>
	          </ul>
	        </div>
	      </div>
<!-- pan_area -->
	  
<!-- /main -->
	<div id="main_top_area">&nbsp;</div>   
	<!-- main_middle_area -->   
	<div id="main_middle_area">
	    <!-- main area-->
		<div id="main_area">		
			<!-- main -->
			<div id="main">
			<!-- navi -->
            <div id="navi">&nbsp;</div>
            <!-- navi -->            
            <!-- contents -->
            <div id="content">
              
              <!-- state -->              
              <!-- card -->
              <div class="user_entry">
                <p class="user_entry">必要事項を記入し、［登録内容の確認］ボタンをクリックします。&nbsp;</p>                
                  <img class="user_entry" src="../../images/member_entry_title.gif" alt="新規会員登録" />
                <table class="user_entry">
                  <tr>
                  	<!-- login -->
                    <th>ログインID<br /><span> ［必須］</span></th>
				     <td>
                      <input name="inputAccName" type="text" maxlength="50" id="userForm_tbAddress" class="width_50" />                      
                      <span id="userForm_rfvAddress" style="color:Red;display:none;"><br />ログインIDを入力してください。</span>
                    </td>
                  </tr>
                
                  <tr>
                  	 <!-- password -->
                  	 <th>パスワード<br /><span> ［必須］</span></th>
				     <td>
                      <input name="pwd" type="password" maxlength="50" id="userForm_tbMailAddress" class="width_50" />                       
                      <br />確認のため以下にパスワードをもう一度入力してください。<br />
                      <input name="rpwd" type="password" maxlength="50" id="userForm_tbMailAddress2" class="width_50" />
                      <span id="userForm_rfvMailAddress" style="color:Red;display:none;"><br />パスワードを入力してください。</span>
                      <span id="userForm_reMailAddress" style="color:Red;display:none;"><br />パスワードを確認してください。</span>
                      <span id="userForm_cvMailAddress" style="color:Red;display:none;"><br />パスワードが一致していません。</span>
                    </td>
                  </tr>
                  
                  <tr>
                    <th>お名前<br /><span> ［必須］</span></th>
                    <td>
                      <label>
                       	<input name="userForm$tbFamilyName" type="text" maxlength="20" id="userForm_tbFamilyName" class="width_20" />&nbsp;&nbsp;                     
                        <span id="userForm_rfvFamilyName" style="color:Red;display:none;"><br />姓を入力してください。</span>
                      </label>
                    </td>
                  </tr>
                  
                  <tr>
                    <th>住所<br /><span> ［必須］</span></th>
                    <td>
                      <input name="userForm$tbAddress" type="text" maxlength="50" id="userForm_tbAddress" class="width_50" />                      
                      <span id="userForm_rfvAddress" style="color:Red;display:none;"><br />住所を入力してください。</span>
                    </td>
                  </tr>
                  <tr>
                    <th>TEL<br /><span> ［必須］</span></th>
                    <td>
                      <input name="userForm$tbTel" type="text" maxlength="15" id="userForm_tbTel" class="width_15" />                      
                      <span id="userForm_rfvTel" style="color:Red;display:none;">電話番号を入力してください。</span>
                    </td>
                  </tr>
                                   
                  <tr>
                    <th>メールアドレス<br /><span> ［必須］</span></th>
                    <td>
                      <input name="userForm$tbMailAddress" type="text" maxlength="50" id="userForm_tbMailAddress" class="width_50" />                       
                      <br />確認のため以下にメールアドレスをもう一度入力してください。<br />
                      <input name="userForm$tbMailAddress2" type="text" maxlength="50" id="userForm_tbMailAddress2" class="width_50" />
                      <span id="userForm_rfvMailAddress" style="color:Red;display:none;"><br />メールアドレスを入力してください。</span>
                      <span id="userForm_reMailAddress" style="color:Red;display:none;"><br />入力メールアドレスを確認してください。</span>
                      <span id="userForm_cvMailAddress" style="color:Red;display:none;"><br />入力メールアドレスが一致していません。</span>
                    </td>
                  </tr>
                  
                </table>                  
                <div class="button_area">               
                   <input type="submit" name="btnConfirm" value="登録内容の確認" id="btnConfirm" />         
                </div>
              </div>
              <!-- card -->              
            </div>
            <!-- contents -->	    
			</div>
	  		<!-- /main -->	  	
		</div>
		<!-- /main_area-->
	 </div>
	 <!-- /main_middle_area -->
	<div id="main_bottom_area">&nbsp;</div>
<!-- /main -->
      
<!-- FOOTER -->
	<div id="footer_area">
	  <div id="footer">
	    <ul>
	      <li class="left"><a href="../../index.php">ホーム</a></li>
	      <li><a href="../../controller/logout.php">ログアウト</a></li>
	      <li><a href="../../index.php">Q&A</a></li>
	    </ul>
	    <p>Copyright&nbsp;&copy;&nbsp;Team 08</p>
	  </div>
	</div>
<!-- FOOTER -->	
</form>
</body>
</html>